/**
 * @author kobe
 * @date   16/08/10
 */

.clock-in {
    display: flex;
    flex: 0;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

    .top-list {
        width: 100%;
        //height: 1.35rem;
        padding: .1rem .15rem;
        box-sizing: border-box;
        line-height: .3rem;
        font-size: .16rem;
        color: #333;
        &.bgColor {
            background: #fff;
        }
        &.no-plan{
            text-align: center;
        }
    }

    .clock-btn {
        display: flex;
        width: 2rem;
        height: 2rem;
        background: rgb(44, 163, 82);
        border-radius: 5rem;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #fff;
        border: .12rem solid rgb(152, 216, 180);
        box-sizing: border-box;

        .clock {
            margin-top: .2rem;
            font-size: .4rem;
            color: inherit;
        }

        .time {
            margin-top: .1rem;
            font-size: .16rem;
            color: inherit;
        }
    }

    .history {
        display: block;
        margin: 0 .08rem .4rem .08rem;
        padding: .1rem .4rem;
        background-color: #2dc57c;
        color: #fff;
        border: 1px solid #2dc57c;
        border-radius: .06rem;
        font-size: .15rem;
        &:last-child {
            background: #fff;
            border: 1px solid #2dc57c;
            color: #2dc57c;
        }
    }

}


 